.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-none {
  flex: none;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.align-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.dis-flex {
  display: flex;
}

.dis-inline-flex {
  display: inline-flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

.justify-between {
  justify-content: space-between;
}

.justify-evenly {
  justify-content: space-evenly;
}

.justify-around {
  justify-content: space-around;
}

.justify-center {
  justify-content: center;
}

.justify-end {
  justify-content: flex-end;
}

.align-end {
  align-items: flex-end;
}

.self-end {
  align-self: flex-end;
}

.border-box {
  box-sizing: border-box;
}

.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.overflow-hidden {
  overflow: hidden;
}

.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.mg-20-auto{
  margin: 20px auto;
}

.min-width-0 {
  min-width: 0;
}

.width-100 {
  width: 100%;
}

@for $size from 1 through 10 {
  .flex-#{$size} {
    flex: #{$size};
  }
}
